body { padding-top: 90px }
.header { width: 100%; height: 90px; line-height: 90px; background: #1e1e1e; position: fixed; top: 0; left: 0; right: 0; z-index: 100; padding: 0px 40px; -webkit-transition: all .3s ease; transition: all .3s ease }
.header-mobile { display: none; }
.header .logo { width: 210px; height: 90px; background: url("../images/icon/logo-black.png") no-repeat center center; background-size: 210px 29px; display: inline-block }
.header-link { padding-top: 36px; padding-right: 20px }
.header-link .search-box { height: 20px; position: relative; margin-left: 45px; margin-right: 0px }
.header-link .search-box .text { width: 0px; height: 30px; line-height: 40px; border: 0; border-bottom: 1px solid transparent; background: none; text-indent: 1.5em; font-size: 15px; color: #fff; float: left; margin-top: -6px }
.header-link .search-box .btn { width: 20px; height: 20px; border: 0; background: url("../images/icon/header-icon.png") no-repeat; background-position: 0px 0px; position: relative }
.header-link .search-box:hover .text { right: 0; width: 200px; border-color: #fff }
.header-link a { display: block; background: url("../images/icon/header-icon.png") no-repeat }
.header-link .line { height: 19px; display: block; border-left: 1px dashed #9a9a9a; margin: 1px 15px 0px }
/* .header-link a.eng { width: 31px; height: 21px; background: none; margin-right: 10px; line-height: 21px; color: #fff; font-size: 15px } */
.header-link .eng {
	width: 98px;
	height: 24px;
	border: 1px solid #464748;
	font-size: 13px;
	color: #fff;
	line-height: 22px;
	text-align: center;
	position: relative;
	margin-top: -1px;
}

.header-link .eng .arrowB {
	display: block;
	width: 0;
	height: 0;
	border-width: 5px 5px 0px;
	border-style: solid;
	border-color: #fff transparent transparent;
	position: absolute;
	right: 10px;
	top: 9px;
}

.header-link .eng .eng-select {
	width: 98px;
	height: 29px;
	border: 1px solid #464748;
	margin-top: -1px;
	position: absolute;
	left: -1px;
	top: 0px;
	opacity: 0;
	line-height: 24px;
	transition: all 0.8s;
}

.header-link .eng .eng-select a {
	background: none;
}

.header-link .eng .eng-select img {
	width: 20px;
	height: 14px;
	vertical-align: middle;
	margin: 0 2px;
}

.header-link .eng .eng-select span {
	font-size: 13px;
	color: #fff;
	vertical-align: middle;
	margin: 0 2px;
}

.header-link .eng:hover .eng-select {
	top: 23px;
	opacity: 1;
}

.header-link a.tmall { width: 21px; height: 21px; background-position: -230px 0px; margin-right: 20px }
.header-link a.jd { width: 21px; height: 21px; background-position: -274px 0px; margin-right: 20px }
.header-link a.alibaba { width: 82px; height: 21px; background-position: -315px 0px }
.nav li { float: left; line-height: 90px; margin-right: 50px; position: relative; }
.nav li .home-icon { width: 25px; height: 20px; background: url("../images/icon/footer-home.png") no-repeat; display: inline-block; vertical-align: middle; }
.nav li .home-icon:hover { background: url("../images/icon/footer-home-hover.png") no-repeat; transform: scale(1.1); -webkit-transform: scale(1.1); }
.nav li.home a.on .home-icon { background: url("../images/icon/footer-home-hover.png") no-repeat; transform: scale(1.1); -webkit-transform: scale(1.1); }
.nav li:last-child { margin-right: 0 }
.nav li > a { font-size: 15px; color: #afafaf; transition: all 0.8s; -moz-transition: all 0.8s; -webkit-transition: all 0.8s; -o-transition: all 0.8s }
.nav li > a:hover, .nav li a.on { color: #fff }
.nav li > a.on { font-weight: bold }
.nav li .product-subnav {
  display: none;
  width: 200px;
  min-height: 100px;
  padding-bottom: 20px;
  background: #1e1e1e;
  position: absolute;
  top: 90px;
  left: 50%;
  margin-left: -100px;
}
.nav li .product-subnav a {
  display: block;
  width: 100%;
  height: 33px;
  font-size: 15px;
  line-height: 33px;
  text-align: center;
  color: #afafaf;
  text-transform:uppercase;
}
.nav li .product-subnav a:hover {
  color: #fff;
}
.nav li.product:hover .product-subnav {
  display: block;
}
.footer { width: 100%; background: #fff; position: relative;}
.footer .container { height: 100%; border-bottom: 1px solid #e1e1e1; border-top: 1px solid #e1e1e1; }
.footer .logo { width: 168px; height: 118px; background: url("../images/icon/logo-footer.png") no-repeat center center; background-size: 168px 23px; display: inline-block; }
.footer-nav li { float: left; line-height: 118px; margin-right: 50px; }
.footer-nav li:last-child { margin-right: 0; }
.footer-nav li a { font-size: 15px; color: #000000; transition: all 0.8s; -moz-transition: all 0.8s; -webkit-transition: all 0.8s; -o-transition: all 0.8s; }
.footer-nav li a:hover { color: #848484; }
.footer-nav li a .footer-home-icon { width: 25px; height: 20px; background: url("../images/icon/header-home.png") no-repeat; display: inline-block; vertical-align: middle; }
.footer-nav li a .footer-home-icon:hover { background: url("../images/icon/header-home-hover.png") no-repeat; transform: scale(1.1); -webkit-transform: scale(1.1); }
.follow span { font-size: 16px; color: #080404; line-height: 118px; margin-left: 35px; margin-right: 25px; }
.follow i { font-size: 18px; color: #000; margin: 0px 12px; transition: all 0.8s; -moz-transition: all 0.8s; -webkit-transition: all 0.8s; -o-transition: all 0.8s; }
.follow i:hover { color: #848484; }
.follow .wechat-code-block {	position: absolute;display: none;width: 100px;height: 100px;background: url('../images/wechat.jpg');background-size: 100%;right: -40px;top: -110px;}
.follow .icon-wechat{position: relative;}
.follow .icon-wechat:hover .wechat-code-block{display: block}
.footer .copy { border: 0 !important; height: 70px; line-height: 70px; background: #fff; }
.footer .copy p { font-size: 14px; color: #848484; float: right; }
.footer .copy span { font-size: 14px; color: #848484; margin-right: 20px; }
.footer .copy a { font-size: 14px; color: #848484; transition: all 0.8s; -moz-transition: all 0.8s; -webkit-transition: all 0.8s; -o-transition: all 0.8s; display: inline-block; }
.footer .copy a:hover { color: #333; }
#black .footer { background: #0d0a0d; }
#black .footer .logo { background: url("../images/icon/logo-black.png") no-repeat center center; background-size: 168px 23px; }
#black .footer .follow span,
#black .footer .follow i { color: #848484; }
#black .footer .follow span:hover,
#black .footer .follow i:hover{ color: #fff; }
#black .footer .follow .wechat-code-block {position: absolute;display: none;width: 100px;height: 100px;background: url('../images/wechat.jpg');background-size: 100%;right: -40px;top: -110px;}
#black .footer .follow .icon-wechat{position: relative;}
#black .footer .follow .icon-wechat:hover .wechat-code-block{display: block}
#black .footer .footer-nav li a { color: #848484; }
#black .footer .footer-nav li a:hover { color: #fff; }
#black .footer .container { border-color: #2d2a2d; border-top: 0; }
#black .footer .copy { background: #0d0a0d; }
#news { background: #f5f5f5; }
#news .footer .container { border-top: 0; }
/* 视频弹框 */
.video-pop{ width:960px; height:540px; position:fixed; left:50%; top:50%; margin:-274px 0px 0px -484.5px; z-index:1001; display:none; }
.video-pop .video-box{ width:100%; height:100%; }
.video-pop video { width: 100%; display: block; }
.video-pop .close{position: absolute; top:-20px; right:10px; width:30px; height:30px; margin:-15px; cursor:pointer;}
.video-pop .close span{display:inline-block; position:absolute; left:50%; top:50%; width:30px; height:1px; margin:-1px 0 0 -15px; -webkit-transform:rotate(-45deg); -ms-transform:rotate(-45deg); transform:rotate(-45deg); -webkit-transition:-webkit-transform 0.6s cubic-bezier(0.19, 1, 0.22, 1), opacity 0.4s cubic-bezier(0.19, 1, 0.22, 1); transition:transform 0.6s cubic-bezier(0.19, 1, 0.22, 1), opacity 0.4s cubic-bezier(0.19, 1, 0.22, 1);}
.video-pop .close span:last-child {-webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg);}
.video-pop .close span::before, 
.video-pop .close span::after{content:""; display:inline-block; position:absolute; width:100%; height:100%; -webkit-transition:-webkit-transform 0.6s cubic-bezier(0.19, 1, 0.22, 1), opacity 0.2s cubic-bezier(0.19, 1, 0.22, 1); transition:transform 0.6s cubic-bezier(0.19, 1, 0.22, 1), opacity 0.2s cubic-bezier(0.19, 1, 0.22, 1);}
.video-pop .close span::before{background-color:#fff; opacity:1;}
.video-pop .close span::after{background-color:#ff0000; opacity:0; -webkit-transform:translate3d(100%, 0, 0); transform:translate3d(100%, 0, 0);}
.video-pop .close span:last-child::before,
.video-pop .close span:last-child::after{-webkit-transition-delay:.18s; transition-delay:.18s;}
.video-pop .close:hover span::before{opacity:0; -webkit-transform:translate3d(-100%, 0, 0); transform:translate3d(-100%, 0, 0);}
.video-pop .close:hover span::after{opacity:1; -webkit-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0);}
/* 搜索 */
.search-wrap { background: #f5f5f5; }
.search-wrap .search-top { width: 100%; }
.search-wrap .result-num { font-size: 36px; font-family: "Arial"; color: #333333; line-height: 36px; text-align: center; margin: 70px 0 55px 0; }
.result-wrap .result-tab { width: 100%; height: 50px; border-bottom: 1px solid #e6e6e6; text-align: center; margin-bottom: 60px; }
.result-wrap .result-tab a { display:inline-block; font-size: 18px; color: #000000; line-height: 46px; text-align: center; padding: 0 12px; border-bottom: 4px solid transparent; margin: 0 47px; }
.result-wrap .result-tab a.on { border-color: #fff100; }
.result-con .module { display: none; }
.result-con .result-news { display: block; }
.result-con .result-news .item { margin-bottom: 70px; }
.result-con .result-news .item .pic{ width: 216px; height: 185px; position: relative; }
.result-con .result-news .item .pic .arrowL {
  display: block;
  width: 0;
  height: 0;
  border-width: 8px 10px 8px 0;
  border-style: solid;
  border-color: transparent #fff transparent transparent;
  position: absolute;
  right: 0;
  top: 10px;
}
.result-con .result-news .item .pic img { width: 100%; display: none; }
.result-con .result-news .item .txt {
  width: 950px;
}
.result-con .result-news .item .txt h2 {
  font-size: 26px;
  margin-top: 10px;
  color: #333;
  line-height: 26px;
}
.result-con .result-news .item .txt span {
  font-size: 15px;
  color: #999;
  display: block;
  margin: 15px 0 30px;
}
.result-con .result-news .item .txt p {
  font-size: 15px;
  color: #666;
  text-transform: uppercase;
  line-height: 2;
}
.result-con .result-news .item:hover .txt h2 { color: #ff0000; }
.result-con .result-products .item { width: 960px; margin: 0 auto 40px; }
.result-con .result-products .item .box { width: 50%; float: left; background: #fffffd; padding: 25% 0; position: relative; text-align: center; }
.result-con .result-products .item .pic { background: #e8e8e8; }
.result-con .result-products .item .pic img { position: absolute; top: 0; left: 0; bottom: 0; right: 0; margin: auto; width: 100%; padding: 10%; }
.result-con .result-products .item .txt { text-align: center; }
.result-con .result-products .item .txt .box-item { position: absolute; top: 0; left: 0; bottom: 0; right: 0; margin: auto; }
.result-con .result-products .item .txt h2 { font-size: 24px; color: #333; line-height: 24px; letter-spacing: 0.1rem; text-transform: uppercase; }
.result-con .result-products .item .txt p { font-size: 14px; color: #666; line-height: 1.714; text-transform: uppercase; max-width: 250px; margin: 25px auto 25px; }
.result-con .result-products .item .txt a { display: block; margin: 0 auto; font-size: 14px; width: 170px; height: 40px; border-radius: 2px; background: #323232; line-height: 40px; color: #fff; }
.result-con .result-products .item .txt a:hover { background: #848484; }

/* page */
.page-wrap { width: 100%; text-align: center; margin-bottom: 85px; margin-top: 20px; }
.page-wrap a { width: 48px; height: 48px; display: inline-block; border: 1px solid #e9e9e9; line-height: 48px; font-size: 14px; color: #333; margin-left: -5px; vertical-align: middle; transition:all 0.8s; -moz-transition:all 0.8s; -webkit-transition:all 0.8s; -o-transition:all 0.8s; }
.page-wrap a.on,
.page-wrap a:hover { background: #000; color: #fff; }
.page-wrap a.prev { margin-right: 20px; background: url("../images/icon/page-l.png") no-repeat scroll center center; background-size: 8px 15px; }
.page-wrap a.next { margin-left: 15px; background: url("../images/icon/page-r.png") no-repeat scroll center center; background-size: 8px 15px; }
/*定义旋转动画*/
@-webkit-keyframes spin { /*动画一直执行，一直旋转 兼容性写法。spin是关键帧的动画名称*/
  form { /*动画起始状态*/
    -webkit-transform: rotate(0deg);
  }
  to { /*动画结束状态*/
    -webkit-transform: rotate(360deg);
  }
}
@keyframes spin {/*普通写法*/
  form {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

/* 移动端样式 */
@media screen and (max-width:768px) {
	body, body.page { padding-top: 1.1rem; }
	.container { width: 94%; }
	.header { display: none; }
	.header-mobile { display: block; width: 100%; height: 1.1rem; line-height: 1.1rem; position: fixed; top: 0; left: 0; right: 0; z-index: 1003; background: #1e1e1e; }
	.header-mobile .logo { width: 2.1rem; height: 1.1rem; background: url("../images/icon/logo-black.png") no-repeat center; display: inline-block; background-size: 2.1rem 0.29rem; }
	/*.header-mobile .search { width: 0.4rem; height: 1.1rem; background: url("../images/search-mobile.png") no-repeat center; display: inline-block; background-size: 0.4rem 0.4rem; margin-right: 0.4rem; display: none; }*/
	.header-mobile a.nav-toggle { width: 0.5rem; height: 0.4rem; margin-top: 0.35rem; }
	.header-mobile a.nav-toggle span { display: block; width: 0.5rem; height: 0.06rem; margin-bottom: 0.1rem; position: relative; background: #afafaf; z-index: 1; -webkit-transform-origin: 0.48rem; transform-origin: 0.48rem; -webkit-transition: background 0.5s cubic-bezier(0.77, 0.2, 0.05, 1.0), opacity 0.55s ease, -webkit-transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1.0); transition: background 0.5s cubic-bezier(0.77, 0.2, 0.05, 1.0), opacity 0.55s ease, -webkit-transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1.0); transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1.0), background 0.5s cubic-bezier(0.77, 0.2, 0.05, 1.0), opacity 0.55s ease; transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1.0), background 0.5s cubic-bezier(0.77, 0.2, 0.05, 1.0), opacity 0.55s ease, -webkit-transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1.0); }
	.nav-toggle.toggle-animate span { opacity: 1; -webkit-transform: rotate(45deg); transform: rotate(45deg); }
	.nav-toggle.toggle-animate span:nth-last-child(2) { opacity: 0; }
	.nav-toggle.toggle-animate span:nth-last-child(3) { opacity: 1; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
	.header-mobile .nav { position: absolute; width: 100%; height: auto; z-index: 1003; top: 0; left: -100%; right: 0; background: #fff; top: 1.1rem; display: block; }
	.header-mobile .nav li { width: 100%; height: 1rem; border-top: 1px solid #e6e6e6; line-height: 1rem; padding: 0rem 0.2rem; float: none; margin-right: 0; }
	.header-mobile .nav li:last-child { border-bottom: 1px solid #e6e6e6; }
	.header-mobile .nav li a { font-size: 0.3rem; color: #333; line-height: 1rem; display: block; }
	.header-mobile .nav li a i { display: block; width: 0.17rem; height: 1rem; float: right; background: url("../images/icon/arrowR-mobile.png") no-repeat center; background-size: 0.17rem 0.32rem; margin: 0; }
	.header-mobile .nav li a.on { color: #ff0000; }
	.header-mobile .nav li a.on i { background: url("../images/icon/arrowR-mobile-hover.png") no-repeat center; background-size: 0.17rem 0.32rem; }
	.header-mobile .header-link { padding-top: 0; height: 1rem; border-bottom: 1px solid #e6e6e6; line-height: 1rem; padding-left: 0.2rem; }
	.header-mobile .header-link a { margin-top: 0.28rem; }
	.header-mobile .lang { padding: 0rem 0.2rem; border-bottom: 1px solid #e6e6e6; }
	.header-mobile .lang a { font-size: 0.3rem; color: #999999; line-height: 1.1rem; width: 100%; }
	.header-mobile .lang a.on { color: #ff0000; }

	/* footer */
	.follow { width: 100%; padding-bottom: 0.2rem; }
	.follow span { display: none; }
	.follow i { color: #848484; }
	.footer-nav { display: none; }
	.footer { text-align: center; }
	.footer .logo { width: 1.59rem; height: 1rem; display: block; margin: 0 auto; background: url(../images/icon/logo-footer.png) no-repeat center center; background-size: 1.59rem 0.22rem; }
	.footer .copy { height: auto; line-height: 1rem; }
	.footer .copy font { display: none; }
	.footer .copy p { font-size: 0.3rem; text-align: center; float: none; }
	.footer .copy span { font-size: 0.3rem; }
	#black .footer .logo { width: 1.68rem; height:1rem; background-size: 1.68rem 0.23rem; }
}